@charset "utf-8";
/* CSS Document */

/* uhaozi@qq.com,2011.01.13 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, menu {
	margin:0;
	padding:0
}
li {
	list-style:none
}
img {
	border:none
}
body {
	font-size:12px;
	font-family:tahoma, simsun;
	word-break:break-all;
	word-wrap:break-word;
	text-align:center;
	background:#fff;
	color:#555
}
a {
	color:#0586C7;
	text-decoration:none;
	outline:none
}
a:hover {
	color:#ff3600
}
.clear {
	clear:both;
	height:0;
	overflow:hidden
}
.hide {
	display:none
}
.center {
	text-align:center
}
.wrap {
	width:980px;
	margin:0 auto;
	text-align:left;
	position:relative
}

/*sprites*/
.topnav .moregame, .topgames dt a, .mygames a, .sitenav ul li, .sitenav ul li a, .sitenav ul li a span, .topspeed a, .toptips, .siderbar h3, .bder h3, .abtn, .abtn2, .abtn3, .abtn4, .gift, .bbs {
	background:url(../images/sprites-index.png) no-repeat
}
/*bder*/
.bder {
	border:#D1E4EF 1px solid;
	padding-bottom:8px;
	margin-bottom:10px
}
.bder h3 {
	background-position:0 -306px;
	background-repeat:repeat-x;
	height:26px;
	line-height:26px;
	padding-left:10px;
	font-size:12px;
	color:#0586C7;
	border-bottom:#D1E4EF 1px solid;
	margin-bottom:10px
}
.abtn, .abtn2, .abtn3, .abtn4 {
	width:85px;
	height:25px;
	line-height:25px;
	color:#fff;
	text-align:center;
	display:inline-block;
	cursor:pointer
}
.abtn {
	background-position:0 -152px
}
.abtn2 {
	background-position:0 -127px
}
.abtn3 {
	background-position:0 -77px;
	color:#666
}
.abtn4 {
	background-position:0 -102px
}
.abtn3:hover {
	color:#333
}
.abtn:hover, .abtn2:hover {
	background-position:0 -177px;
	color:#fff
}
.gift, .bbs {
	display:inline-block;
	padding-left:22px
}
.gift {
	background-position:0 -480px
}
.bbs {
	background-position:0 -502px
}
.topnav, .header {
	background:url(../images/headerbg.png) repeat-x
}
/*topnav*/
.topnav {
	background-position:0 0;
	height:34px;
	color:#D5D5D5;
	line-height:34px
}
.topnav .wrap {
	position:relative;
	width:992px
}
.topnav a {
	margin:0 6px
}
.topnav span {
	color:#888;
	margin-left:20px
}
.topnav .topnavr {
	position:absolute;
	right:0;
	top:0
}
.topnav .moregame {
	background-position:right -232px;
	padding-right:8px;
	color:#ff3600
}
/*header*/
.header {
	background-position:0 -34px;
	height:145px
}
.header .wrap {
	height:150px;
	background:url(../images/bgheader.jpg) no-repeat right 0;
	z-index:3
}
.logo {
	margin:0
}
.logo a {
	width:232px;
	height:99px;
	display:block;
	padding:10px 0 0 10px;
	overflow:hidden;
	position:relative;
	font-size:14px
}
.logo a img {
	position:absolute;
	top:0;
	left:0
}
/*sitenav*/
.sitenav {
	position:absolute;
	left:-5px;
	bottom:13px;
	height:34px
}
.sitenav ul li {
	background-position:right -202px;
	float:left;
	padding:0 10px;
	height:34px;
	line-height:34px;
	font-size:14px;
	font-weight:bold
}
.sitenav ul li a {
	background-position:-999px -999px;
	color:#fff;
	padding:0 0 0 11px;
	display:inline-block;
	float:left
}
.sitenav ul li a span {
	background-position:-999px -999px;
	padding:0 10px 0 0;
	cursor:pointer;
	display:block
}
.sitenav ul li a:hover span, .sitenav ul li a.cur span {
	background-position:right -43px
}
.sitenav ul li a:hover {
	background-position:0 -43px;
	color:#fff
}
.sitenav ul li a.cur {
	background-position:0 -43px;
	font-weight:bold
}
.sitenavl, .sitenavr {
	width:5px;
	height:34px;
	overflow:hidden;
	position:absolute;
	top:0
}
.sitenavline {
	display:block;
	height:2px;
	overflow:hidden;
	background:#0586C7
}
.toptips {
	background-position:-69px 2px;
	position:absolute;
	top:70px;
	right:0;
	color:#888;
	padding-left:25px
}
/*topspeed*/
.topspeed {
	position:absolute;
	top:20px;
	right:0
}
.topspeed a {
	height:25px;
	display:inline-block;
	line-height:25px;
	padding-left:28px;
	margin-left:20px;
	font-size:14px;
	font-weight:bold;
	color:#777
}
.topspeed a.desktop {
	background-position:0 -368px
}
.topspeed a.onlinecustomer {
	background-position:0 -396px
}
.topspeed a.prepaid {
	background-position:0 -422px
}
.topspeed a.customertel {
	background-position:0 -446px
}
/*mygames*/
.mygames {
	position:absolute;
	top:108px;
	right:0;
	line-height:24px;
	z-index:6
}
.mygames a {
	background-position:0 -275px;
	display:inline-block;
	width:85px;
	height:26px
}
/*mygameslist*/
.mygameslist {
	display:none;
	position:absolute;
	top:132px;
	right:0;
	z-index:8;
	width:214px;
	padding:0 8px 8px;
	background:#FEF6E0;
	border:#F8A705 1px solid;
	line-height:24px
}
.mygameslist li {
	clear:both;
	height:48px;
	padding:4px 0;
	border-bottom:#F1CE54 1px dashed
}
.mygameslist li img {
	float:left;
	width:45px;
	height:45px
}
.mygameslist li p {
	float:right;
	width:158px
}
.mygameslist li p a {
	margin-right:10px;
	color:#777
}
.mygameslist li p a:hover {
	text-decoration:underline
}
.mygameslist li p b a {
	color:#FF8E00
}
/*topgames*/
.topgames {
	display:none;
	position:absolute;
	top:-28px;
	right:-8px;
	z-index:8
}
.topgames dt {
	width:100px;
	height:24px;
	position:absolute;
	right:0;
	top:0;
	z-index:10;
	background:#fff;
	border:#ccc 1px solid;
	border-bottom:none;
	line-height:21px;
	padding:0 0 0 8px
}
.topgames dt a {
	background-position:right -248px;
	padding-right:8px;
	color:#333
}
.topgames dd {
	width:108px;
	position:absolute;
	right:0;
	top:24px;
	z-index:9;
	background:#fff;
	border:#ccc 1px solid;
	padding:4px 0 8px 8px;
	line-height:22px
}
.topgames dd a {
	display:inline-block;
	margin-right:8px
}
.topgames dd a:hover {
	text-decoration:underline
}
/*wrap*/
.wrapmain {
	width:740px;
	float:left;
	margin-top:2px
}
.siderbar {
	width:232px;
	float:right;
	margin:2px 0 10px
}
/*login*/
.login {
	border:#E8E8E8 1px solid;
	border-bottom:none;
	height:238px;
	position:relative;
	z-index:1
}
.siderbar h3 {
	background-position:0 -333px;
	background-repeat:repeat-x;
	height:26px;
	line-height:26px;
	border-bottom:#E8E8E8 1px solid;
	padding-left:10px;
	font-size:12px;
	color:#444
}
.loginform {
	padding:12px;
	line-height:24px;
	color:#555
}
.loginform .in {
	border:#ccc 1px solid;
	width:150px;
	height:24px;
	line-height:24px;
	position:relative;
*+bottom:-4px
}
.loginform p {
	margin-bottom:10px
}
.loginform .remmberpassword {
	position:relative;
	margin-left:36px;
	color:#888
}
.loginform .remmberpassword span {
	position:absolute;
	left:20px;
	top:-3px;
*+left:24px;
*+top:-1px;
	_top:-3px
}
.loginform .remmberpassword a {
	margin-left:10px;
	color:#aaa
}
.loginform .remmberpassword a:hover {
	color:#0586C7;
	text-decoration:underline
}
.loginform .abtn {
	border:none;
	cursor:pointer
}
.loginform .bemember {
	position:absolute;
	top:190px;
	left:13px
}
/*customer*/
.customer {
	border:#D1E4EF 1px solid;
	background:#F8FCFF url(../images/customer.png) no-repeat 8px 8px;
	padding:8px 10px 10px 10px;
	line-height:22px
}
.customer p {
	padding:0 0 10px 56px
}
.customer a {
	margin-right:10px
}
/*news*/
.news {
	border:#E8E8E8 1px solid;
	border-top:none;
	height:280px;
	margin-bottom:10px
}
.news h3 {
	font-weight:normal;
	padding:0
}
#div1,#div2,#div3{overflow:hidden}
#div1 a,#div2 a,#div3 a{white-space:nowrap}
.news h3 a {
	width:76px;
	display:inline-block;
	text-align:center;
	color:#333;
	border-left:#E8E8E8 1px solid;
	margin-left:-1px;
	position:relative
}
.news h3 a.cur {
	font-weight:bold;
	background:#fff;
	border-bottom:#fff 1px solid;
*+bottom:-1px
}
.news div {
	display:none;
}
.news ul {
	padding:5px 10px 10px 10px;
	line-height:26px
}
/*links*/
.links {
	clear:both
}
.links p {
	padding:0 10px;
	line-height:24px
}
.links p a {
	margin-right:12px;
	display:inline-block
}
/*footer*/
.footer {
	line-height:24px;
	text-align:center;
	color:#888;
	padding:10px 0 30px 0;
	clear:both;
}
.footer .tips {
	color:#009900
}
.footer p a {
	margin:0 6px
}
.blank {
	background:#f0f8fd;
	padding:100px;
	color:#0586C7;
	width:780px;
}
.blank .bder {
	background:#fff;
	padding:20px;
}
/*logined*/
.logined {
	border:#E8E8E8 1px solid;
	border-bottom:none;
	height:238px;
	position:relative;
	z-index:1
}
.loginedform {
	padding:12px;
	line-height:24px;
	color:#555
}
.loginedform .in {
	border:#ccc 1px solid;
	width:166px;
	height:24px;
	line-height:24px;
	position:relative;
*+bottom:-4px
}
.loginedform p {
	margin-bottom:2px
}
.loginedform .remmberpassword {
	position:relative;
	margin-left:36px;
	color:#888
}
.loginedform .remmberpassword span {
	position:absolute;
	left:20px;
	top:-3px;
*+left:24px;
*+top:-1px;
	_top:-3px
}
.loginedform .remmberpassword a {
	margin-left:10px;
	color:#aaa
}
.loginedform .remmberpassword a:hover {
	color:#0586C7;
	text-decoration:underline
}
.loginedform .abtn {
	border:none;
	cursor:pointer
}
.loginedform .bemember {
	position:absolute;
	top:190px;
	left:13px
}
.btn_list {
	width:90px;
	height:36px;
	float:left;
	display:inline;
	margin:2px 5px;
	text-align:center;
	line-height:36px;
	color:#FFF;
	font-family:10pt;
	font-weight:bold;
	background:url(../images/btn_login.jpg) no-repeat;
}
.btn_list a:link {
	color:#FFF;
}
.btn_list a:visited {
	color:#FFF;
}
.btn_list a:hover {
	color:#CCC;
}
#div1,#div2,#div3{ width:200px; margin:10px auto;  color: #0066CC;text-decoration: none;font-size: 9pt;line-height: 21px;}
